/**********************阴影***************************************/
$shadow:(
    sm: (0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)),
    md: (0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)),
    lg: (0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)),
    xl:(0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)),
    '2xl': 0 25px 50px -12px rgba(0, 0, 0, 0.25),
    'inner':'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)'
);

@each $key,$value in $shadow{
    .shadow-#{$key}{
        box-shadow: $value;
    }
    .text-shadow-#{$key}{
        text-shadow: $value;
    }
    // .drop-shadow-#{$key}{
    //     filter:drop-shadow($value)
    // }
}

/**********************阴影***************************************/
$opacity:(
    0	: 0,
    1	: 1,
    5	: 0.05,
    10	: 0.1,
    20	: 0.2,
    25	: 0.25,
    30	: 0.3,
    40	: 0.4,
    50	: 0.5,
    60	: 0.6,
    70	: 0.7,
    75	: 0.75,
    80	: 0.8,
    90	: 0.9,
    95	: 0.95,
);

@each $key,$value in $opacity{
    .opacity-#{$key}{
        opacity:$value;
    }
}